<template>
  <el-row :class="'approve-go'" v-if="isShowApproveVia">
    <div class="icon-box">
      <span class="iconfont icon-xiaolian-mian not-go-icon"></span>
      <span class="inter-txt-box">
        <span class="title-txt">审批通过</span>
        <span class="title-small-txt"
          >审批意见：{{
            viaData.feed_back | STR_SUB_LEAVE_OUT(24, 20, "...")
          }}</span
        >
      </span>
    </div>
  </el-row>
</template>
<script>
export default {
  props: {
    isShowApproveVia: {
      type: Boolean,
      default: false,
    },
    viaData: {
      type: Object,
      default: false,
    },
  },
  data() {
    return {};
  },
};
</script>
<style lang="scss">
.approve-go {
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  .not-go-icon {
    display: inline-block;
    width: 70px;
    height: 140px;
    line-height: 140px;
    text-align: center;
    margin-left: 50px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 60px;
    color: #2bc27f;
  }
  .inter-txt-box {
    display: inline-block;
    .title-txt {
      display: block;
      font-size: 18px;
      color: #636363;
      margin-bottom: 6px;
    }
    .title-small-txt {
      color: #b0b0b0;
    }
  }
}
</style>
